<template>
	<view class="nt-tag" :style="{ backgroundColor: bgColor, color: color }">{{ text }}</view>
</template>

<script>
export default {
	props: {
		text: {
			type: String,
			default: ""
		},
		color: {
			type: String,
			default: "#999999"
		},
		bgColor: {
			type: String,
			default: "#EEEEEE"
		}
	},
	data() {
		return {
			
		}
	}
}
</script>

<style lang="scss" scoped>
.nt{
	&-tag{
		border-radius: 10rpx;
		color: #fff;
		text-align:center;
		padding: 0 10rpx;
		box-sizing: border-box;
		height: 40rpx;
		line-height: 40rpx;
		font-size: 20rpx;
	}
}
</style>